@layout("/common/_container.html"){
<style>h5{color:#30add1;margin:10px 0 0;}.ulBox{padding:0;margin:0;display:flex;}.ulBox > li{flex:1;}.ulBox > li > div{margin:15px 0}.ulBox > li > div > span{display:inline-block;width:80px;}.frameBox{width:60%;height:28px;padding-left:10px;border:1px solid #cccccc;border-radius:5px;}.btnBox{background:#f1f1f1;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;}.btnBox>button{margin:0;color:white;background:#6090b8;padding: 4px 20px;}.btnBox>button:last-of-type{background:white;color:inherit;border:1px solid #999999}.must{color:red;}</style>
<div class="ibox float-e-margins" style="height: 100%">
    <div class="ibox-content" style="height: 100%;padding: 0;border-width:0">
        <div class="form-horizontal" id="customerInfoForm" style="height: 100%">
            <div style="display: none">
                <input type="hidden" id="id" value="${customerId}">
                <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
                <input type="hidden" id="consumptionHabitsValue" value="${customerInfo.consumptionHabits}">
                <input type="hidden" id="consumAbilityValue" value="${customerInfo.consumAbility}">
                <input type="hidden" id="occupationValue" value="${customerInfo.occupation}">
                <input type="hidden" id="charactersValue" value="${customerInfo.characters}">
                <input type="hidden" id="customerSexValue" value="${customerInfo.sex}">
                <input type="hidden" id="maritalStatusValue" value="${customerInfo.maritalStatus}">
                <input type="hidden" id="isHaveChildrenValue" value="${customerInfo.isHaveChildren}">
                <input type="hidden" id="refereeShipValue" value="${customerInfo.refereeShip}">
                <input type="hidden" id="phoneSharShipValue" value="${customerInfo.phoneSharShip}">
                <input type="hidden" id="payservicenameValue" value="${customerInfo.appointmentPayService}">
                <input type="hidden" id="provinceValue" value="${customerInfo.province}">
                <input type="hidden" id="citiesValue" value="${customerInfo.cities}">
                <input type="hidden" id="regionValue" value="${customerInfo.region}">
            </div>
            <div style="background: #6090b8;color: white;padding: 5px 10px;">修改个人信息</div>
            <div style="padding: 5px 0;height: calc(100% - 76px);overflow: auto;">
                <div class="col-sm-12">
                    <div>
                        <ul class="ulBox">
                            <li>
                                <div>
                                    <span>姓名 <span class="must">*</span></span>
                                    <input type="text" id="customerName" class="frameBox" value="${customerInfo.customerName}">
                                </div>
                                <div>
                                    <span>性别 <span class="must">*</span></span>
                                    <select name="customerSex" id="customerSex" class="frameBox">
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                                <div>
                                    <span>省份 <span class="must">*</span></span>
                                    <select name="province" id="province" class="frameBox"></select>
                                </div>
                                <div>
                                    <span>城市 <span class="must">*</span></span>
                                    <select name="cities" id="cities" class="frameBox"></select>
                                </div>
                                <div>
                                    <span>区域</span>
                                    <select name="region" id="region" class="frameBox"></select>
                                </div>

                            </li>
                            <li>
                                <div>
                                    <span>生日 <span class="must">*</span></span>
                                    <input autocomplete="off" type="text" id="birthday" class="frameBox" value="${customerInfo.birthday}" maxlength="10">
                                </div>
                                <div>
                                    <span>年龄 <span class="must">*</span></span>
                                    <input autocomplete="off" type="text" id="customerAge" maxlength="2" class="frameBox"  value="${customerInfo.customerAge}"
                                           oninput="value=value.replace(/[^\d]/g,'')">
                                </div>
                                <div>
                                    <span>病历号 <span class="must">*</span></span>
                                    <input type="text" id="medicalRecordNumber" name="medicalRecordNumber" class="frameBox" value="${customerInfo.medicalRecordNumber}">
                                </div>
                                <div>
                                    <span>地址</span>
                                    <input type="text" id="address" class="frameBox" value="${customerInfo.address}">
                                </div>
                                <div>
                                    <span>职业</span>
                                    <select name="occupation" id="occupation" class="frameBox">
                                        <option value="">--请选择职业--</option>
                                        @for(str in occupationList){
                                        <option value="${str.occupation}">${str.occupation}</option>
                                        @}
                                    </select>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>客户状态 <span class="must">*</span></span>
                                    <input type="text" id="customerStatus" disabled="disabled" class="frameBox" value="${customerInfo.customerStatus}">
                                </div>
                                <div>
                                    <span>推荐人</span>
                                    <input type="text" id="referee" class="frameBox" readonly="readonly" style="width: 45%;background: #eaeae3" value="${customerInfo.referee}">
                                    <button class="btn" type="button" style="padding: 0;vertical-align: top;width: 15%;height: 28px;" onclick="CustomerInfoDlg.getReferee()">选择</button>
                                </div>
                                <div>
                                    <span>推荐关系</span>
                                    <select name="refereeShip" id="refereeShip" class="frameBox">
                                        <option value="">--请选择与推荐人关系--</option>
                                        @for(str in refereeShipList){
                                        <option value="${str.refereeShip}">${str.refereeShip}</option>
                                        @}
                                    </select>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div>
                        <ul class="ulBox">
                            <li>
                                <div>
                                    <span>消费能力</span>
                                    <select name="consumAbility" id="consumAbility" class="frameBox">
                                        <option value="">--请选择消费能力--</option>
                                        @for(str in consumAbilityList){
                                        <option value="${str.consumAbility}">${str.consumAbility}</option>
                                        @}
                                    </select>
                                </div>
                                <div>
                                    <span>消费习惯</span>
                                    <select name="consumptionHabits" id="consumptionHabits" class="frameBox">
                                        <option value="">--请选择消费习惯--</option>
                                        @for(str in consumptionHabitsList){
                                        <option value="${str.consumptionHabits}">${str.consumptionHabits}</option>
                                        @}
                                    </select>
                                </div>
                                <div>
                                    <span>身份证</span>
                                    <input type="text" id="idCardNo" class="frameBox" value="${customerInfo.idCardNo}">
                                </div>
                                <div>
                                    <span>座机</span>
                                    <input type="text" id="fixedTelephone" class="frameBox" value="${customerInfo.fixedTelephone}" oninput="value=value.replace(/[^\d]/g,'')">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>QQ号</span>
                                    <input type="text" id="qqNumber" class="frameBox"  value="${customerInfo.qqNumber}" oninput="value=value.replace(/[^\d]/g,'')">
                                </div>
                                <div>
                                    <span>微信号</span>
                                    <input type="text" id="wechatNumber" class="frameBox"  value="${customerInfo.wechatNumber}">
                                </div>
                                <div>
                                    <span>Email</span>
                                    <input type="text" id="email" class="frameBox"  value="${customerInfo.email}">
                                </div>
                                <div>
                                    <span>邮编</span>
                                    <input type="text" id="zipCode" class="frameBox"  value="${customerInfo.zipCode}" oninput="value=value.replace(/[^\d]/g,'')">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>婚姻状况</span>
                                    <select name="maritalStatus" id="maritalStatus" class="frameBox" >
                                        <option value="0">请选择</option>
                                        <option value="1">已婚</option>
                                        <option value="2">未婚</option>
                                        <option value="3">离异</option>
                                    </select>
                                </div>
                                <div>
                                    <span>有无小孩</span>
                                    <select name="isHaveChildren" id="isHaveChildren" class="frameBox" >
                                        <option value="0">请选择</option>
                                        <option value="1">有</option>
                                        <option value="2">无</option>
                                    </select>
                                </div>
                                <div>
                                    <span>性格</span>
                                    <select name="characters" id="characters" class="frameBox">
                                        <option value="">--请选择性格--</option>
                                        @for(str in charactersList){
                                        <option value="${str.characters}">${str.characters}</option>
                                        @}
                                    </select>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div>
                        <h3>备注</h3>
                        <textarea id="remarks" name="remarks" style="width: 90%;height: 110px;" >${customerInfo.remarks}</textarea>
                    </div>
                </div>
            </div>
            <div class="btnBox">
                <button type="button" class="btn" id="ensure" onclick="CustomerInfoDlg.updateCustomer()">提交</button>
                <button type="button" class="btn" id="cancel" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_updateInfo.js?v=20200628"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsAddresss.js?v=20200628"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initAddress.js?v=20200628"></script>
@}